<script setup>
import { moneyFormat } from '@/composables/util.js'
defineProps({
  money: {
    type: [String, Number],
    default: '0',
  },
  showF: {
    type: Boolean,
    default: true,
  },
  colorF: {
    type: String,
    default: '#FF6600',
  },
  classF: {
    type: String,
    default: 'text-[12px]',
  },
  classM: {
    type: String,
    default: 'text-[32px]',
  },
  colorM: {
    type: String,
    default: '#FF6600',
  },

})
</script>

<template>
  <div v-bind="$attrs">
    <span v-if="showF" :class="classF" :style="{ color: colorF }">￥</span>
    <span :class="classM" :style="{ color: colorM }">{{ money == 0 ? '免费' : moneyFormat(money) }}</span>
  </div>
</template>

<style scoped>
.overflow-hidden .imgH:hover {
  transform: scale(1.2);
}
</style>
